.onlinetime{
	height: 100vh;
	.onlinetime_box{
		height: 100%;
		    // background: #F3F3F3; 
			padding: 20rpx 20rpx;
		.onlinetime_box_tab{
			display: flex;
			justify-content: space-around;
			    align-items: center;
				margin-bottom: 30rpx;
			.onlinetime_box_tab_a{
				text-align: center;
				.text2{
					display: grid;
					font-size: 30rpx;
					font-family: Source Han Sans CN-Regular, Source Han Sans CN;
					font-weight: 400;
					/* color: #333333; */
				}
				.text1{
					font-size: 30rpx;
					font-family: Source Han Sans CN-Regular, Source Han Sans CN;
					font-weight: 400;
					/* color: #333333; */
				}
			}
			.items{
				color:#0EA970 ;
			}
			
		}
		.onlinetime_box_main{
			display: flex;
			flex-wrap: wrap;
			flex-direction: row; 
			.btn{
				margin-left: 0;
				width: 162rpx;
				height: 60rpx;
				background: #FFFFFF;
				border-radius: 36rpx 36rpx 36rpx 36rpx;
				opacity: 1;
				border: 2rpx solid #0EA970;
				line-height: 60rpx;
				margin-bottom: 30rpx;
			} 
			.disableds{
				background: #fff;
				border: 2rpx solid #CCCCCC;
				color: #CCCCCC;
			}
			.active{
				background: #FF8F1F;
				border: 2rpx solid #FF8F1F;
				color: #ffffff;
				border: none;
			}
			.active2{
				background: #FF8F1F;
				border: 2rpx solid #FF8F1F;
				color: #ffffff;
				border: none;
			}
			.checkTime {
			  background-color: aqua;
			}
		}
		.queding{
			width: 710rpx;
			height: 80rpx;
			background: linear-gradient(180deg, #00DF25 0%, #0EA970 100%);
			border-radius: 40rpx 40rpx 40rpx 40rpx;
			font-size: 34rpx;
			font-family: Source Han Sans CN-Medium, Source Han Sans CN;
			font-weight: 500;
			color: #FFFFFF;
			text-align: center;
			line-height: 80rpx;
			margin-top: 40rpx;
		}
		.lixian{
			width: 710rpx;
			height: 80rpx;
			background: #666666;
			border-radius: 40rpx 40rpx 40rpx 40rpx;
			font-size: 34rpx;
			font-family: Source Han Sans CN-Medium, Source Han Sans CN;
			font-weight: 500;
			color: #FFFFFF;
			text-align: center;
			line-height: 80rpx;
			margin-top: 40rpx;
		}
	}
}